extends layout
block content
    h1= "欢迎登陆"+name+"!"
    #toolbar
        button#new.btn.btn-primary(data-toggle='modal', data-target='#myModal')
            i.glyphicon.glyphicon-plus-sign
            |  生成卡密
        button#all.btn.btn-primary(data-toggle='modal',data-target='#about')
            i.glyphicon.glyphicon-align-justify
            |  全部
        button#zc.btn.btn-primary
            i.glyphicon.glyphicon-ok
            |  有效
        button#sx.btn.btn-primary
            i.glyphicon.glyphicon-remove
            |  失效

    #table
    #myModal.modal.fade(tabindex='-1', role='dialog')
        .modal-dialog
            .modal-content
            .modal-header
                button.close(type='button', data-dismiss='modal', aria-hidden='true')
                | ×
                h4#myModalLabel.modal-title
                | 生成卡密
            .modal-body
                form.form-horizontal(role='form')
                .form-group
                    label.col-sm-2.control-label(for='count') 生成数量
                    .col-sm-10
                    input#count.form-control(type='text', name='count', placeholder='生成数量')
                .form-group
                    label.col-sm-2.control-label(for='validity') 有效期（天）
                    .col-sm-10
                    input#validity.form-control(type='text', name='validity', placeholder='有效期（天）')
            .modal-footer
                button.btn.btn-default(type='button', data-dismiss='modal')
                | 取消
                button.btn.btn-primary(type='button')
                | 提交
    #about.modal.fade
        .modal-dialog
            .modal-content
            // 头部
            .modal-header
                button.close(type='button', data-dismiss='modal')
                span(aria-hidden='true') ×
                span.sr-only Close
                h4.modal-title 关于
            // 内容
            .modal-body
                | 我们将以上面的实例开始，并通过改变字体尺寸、颜色和应用文本阴影来进行定制图标
            // 尾部
            .modal-footer
                button.btn.btn-default(type='button', data-dismiss='modal') 了解了
    script(src="/js/list.js",data-locale="zh_CN" )